<!DOCTYPE HTML>
<html>

<head>
	<title>个人网站</title>
	<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
	<script src="js/jquery.min.js"></script>
	<link href="css/style.css" rel='stylesheet' type='text/css' />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="" />
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1000);
			});
		});
	</script>
</head>

<body>

	<div id="home" class="header">
		<div class="container">

			<div class="top-header">

				<div class="top-nav">
					<div class="navigation">
						<div class="logo">
							<h1><a href="index.html"><span>P</span>REFACE</a></h1>
						</div>
						<div class="navigation-right">
							<span class="menu"><img src="images/menu.png" alt=" " /></span>
							<nav class="link-effect-3" id="link-effect-3">
								<ul class="nav1 nav nav-wil">
									<li><a href="index.html">主页</a></li>
									<li><a class="scroll" href="#about">关于我</a></li>
									<li><a class="scroll" href="#services">小组展示</a></li>
									<li><a class="scroll" href="#work">教育实践</a></li>
									<li><a class="scroll" href="#port">兴趣爱好</a></li>
									<li><a class="scroll" href="#zuopin">作品呈现</a></li>
									<li><a class="scroll" href="#contact">联系方式</a></li>
								</ul>
							</nav>

							<script>
								$("span.menu").click(function () {
									$("ul.nav1").slideToggle(300, function () {

									});
								});
							</script>

						</div>
						<div class="clearfix"></div>
					</div>

				</div>
				<div class="banner-info">
					<div class="col-md-7 header-right">
						<h1>Hi !</h1>
						<h6>前端 & 后端 开发</h6>
						<ul class="address">

							<li>
								<ul class="address-text">
									<li><b>姓　　名：</b></li>
									<li>童 建设</li>
								</ul>
							</li>
							<li>
								<ul class="address-text">
									<li><b>生　　日：</b></li>
									<li>1995-1-23</li>
								</ul>
							</li>
							<li>
								<ul class="address-text">
									<li><b>电　　话：</b></li>
									<li>151 7244 8796</li>
								</ul>
							</li>
							<li>
								<ul class="address-text">
									<li><b>地　　址：</b></li>
									<li>湖北，武汉</li>
								</ul>
							</li>
							<li>
								<ul class="address-text">
									<li><b>邮　　箱：</b></li>
									<li><a href="1278556292@qq.com"> mail@example.com</a></li>
								</ul>
							</li>
							<li>
								<ul class="address-text">
									<li><b>网　　站：</b></li>
									<li><a href="www.tongjianshe.top">www.tongjianshe.top</a></li>
								</ul>
							</li>

						</ul>
					</div>
					<div class="col-md-5 header-left">
						<img src="images/img1.jpg" alt="">
					</div>
					<div class="clearfix"> </div>

				</div>
			</div>
		</div>
	</div>

	<div id="about" class="about">
		<div class="col-md-6 about-left">
			<div id="owl-demo1" class="owl-carousel owl-carousel2">
				<div class="item">
					<div class="about-left-grid">
						<h2>大家好！我是 <span>童 建设</span></h2>
						<p>我吃苦耐劳，工作认真，能很快适应新环境，处事冷静，学习能力较强，对自己要求严格，条理性强，善于整理，具有良好的团队精神和较强的组织能力，具有良好的团队精神和较强的组织能力，具有扎实的会计专业知识和较强的实务操作技能，能熟练地运用用友、金碟财务软件，熟练各类办公软件，拥有《会计从业资格证》、，</p>
						<ul>
							<li><a class="a-btn-a scroll" href="#port">兴趣 爱好</a></li>
							<li><a class="a-btn-h scroll" href="#contact">联系 方式</a></li>
						</ul>
					</div>
				</div>
				<div class="item">
					<div class="about-left-grid">
						<h2>大家好！我是 <span>童 建设</span></h2>
						<p>求职简历网如档案学、文秘写作、办公自动化、公共关系学、国际贸易、形体训练、管理学。吃苦耐劳，工作认真，能很快适应新环境，处事冷静，学习能力较强，对自己要求严格，条理性强，善于整理，具有良好的团队精神和较强的组织能力，具有扎实的会计专业知识和较强的实务操作技能，能熟练地运用用友、金碟财务软件，熟练各类办公软件，</p>
						<ul>
							<li><a class="a-btn-a scroll" href="#port">兴趣 爱好</a></li>
							<li><a class="a-btn-h scroll" href="#contact">联系 方式</a></li>
						</ul>
					</div>
				</div>
				<div class="item">
					<div class="about-left-grid">
						<h2>大家好！我是<span>童 建设</span></h2>
						<p>本人性格活泼开朗，与人相处和睦融洽，有较强的沟通能力。在校期间担任班长一职，多次策划实施几次大型活动，拥有较强的组织能力和协调能力，并具有良好的身体素质。在多次社会实践中，注意向社会吸取丰富的经验，对工作认真负责。工作态度严谨认真，责任心强，有很好的团队合作能力。有良好的分析、解决问题的思维。以创新、解决客户需求、维护公司利益为宗旨。</p>
						<ul>
							<li><a class="a-btn-a scroll" href="#port">兴趣 爱好</a></li>
							<li><a class="a-btn-h scroll" href="#contact">联系 方式</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="col-md-6 about-right">

		</div>
		<div class="clearfix"> </div>
		<link href="css/owl.carousel.css" rel="stylesheet">
		<script src="js/owl.carousel.js"></script>
		<script>
			$(document).ready(function () {
				$("#owl-demo1").owlCarousel({
					items: 1,
					lazyLoad: false,
					autoPlay: true,
					navigation: false,
					navigationText: false,
					pagination: true,
				});
			});
		</script>

		<script>
			$(document).ready(function () {
				$("#owl-demo3").owlCarousel({
					items: 1,
					lazyLoad: false,
					autoPlay: true,
					navigation: false,
					navigationText: true,
					pagination: true,
				});
			});
		</script>
	</div>

	<div id="services" class="services">
		<div class="container">
			<div class="service-head one text-center ">
				<h4>We are family</h4>
				<h3>成员 <span>展示</span></h3>
				<span class="border two"></span>
			</div>

			<div class="wthree_about_right_grids w3l-agile">
				<div class="col-md-6 wthree_about_right_grid">
					<div class="col-xs-4 wthree_about_right_grid_left">
						<div class="hvr-rectangle-in">
							<a href="https://liuyuye.gitee.io/pwebsite"><img src="images/liuyuye.jpg" alt=""></a>
						</div>
					</div>
					<div class="col-xs-8 wthree_about_right_grid_right">
						<h4> <a href="https://liuyuye.gitee.io/pwebsite"> 刘玉叶</a></h4>
						<p>品行优良，待人诚恳，表里一致。宽厚仁道，不激进，不与人争锋，同学乐意亲近。本学期最突出的成果是学习逐步走向正轨，逐渐掌握了高中课程的学习方法。你现在一定要树立信心，没有翻不过的高山，没有越不过的大海，只要胸怀坚定，坚强果敢，乘风破浪会有时。</p>
					</div>

				</div>
				<div class="col-md-6 wthree_about_right_grid">
					<div class="col-xs-4 wthree_about_right_grid_left">
						<div class="hvr-rectangle-in">
							<a href="https://qq1304909785.gitee.io/day03"><img src="images/helianheng.jpg" alt=""></a>
						</div>
					</div>
					<div class="col-xs-8 wthree_about_right_grid_right">
						<h4> <a href="https://qq1304909785.gitee.io/day03">何连恒</a></h4>
						<p>有上进的欲望，有较强的接受能力。遇事有主见，乐观和群。保持良好的学习心态，激发学习热情，是当务之急。惜时之道在于见缝插针，寸阴必争，通过勤学苦练，发愤图强，你一定能成功。也要注意自己的言行，前人曾告诫我们：“三思而后行”，言多语失啊。</p>
					</div>

				</div>
				<div class="col-md-6 wthree_about_right_grid">
					<div class="col-xs-4 wthree_about_right_grid_left">
						<div class="hvr-rectangle-in">
							<a href="https://qewed.gitee.io/page_assignment"><img src="images/fanqin.jpg" alt=""></a>
						</div>
					</div>
					<div class="col-xs-8 wthree_about_right_grid_right">
						<h4> <a href="https://qewed.gitee.io/page_assignment">范琴</a> </h4>
						<p>为人热情，性格开朗，亦能说会道。对待学习态度端正，上课能够专心听讲，课下能够认真完成作业。不用去想能攀多高，即使路途遥远，只要一步一个脚印，目标始终如一，你的理想一定能实现。</p>
					</div>

				</div>
				<div class="col-md-6 wthree_about_right_grid">
					<div class="col-xs-4 wthree_about_right_grid_left">
						<div class="hvr-rectangle-in">
							<a href="https://w555.gitee.io/notebook"><img src="images/wangyu.jpg" alt=""></a>
						</div>
					</div>
					<div class="col-xs-8 wthree_about_right_grid_right">
						<h4> <a href="https://w555.gitee.io/notebook">王宇</a> </h4>
						<p>性格活泼开朗，能说能干，为人大方。宽厚仁道，不激进，不与人争锋，同学乐意亲近。成绩有所回升，但远没有达到你的潜质。不用去想能攀多高，即使路途遥远，只要一步一个脚印，目标始终如一，你的理想一定能实现。</p>
					</div>

				</div>

			</div>


		</div>
	</div>

	<div id="work" class="work">
		<div class="container">
			<div class="service-head text-center">
				<h4>WHAT I DID</h4>
				<h3>教育 <span>实践</span></h3>
				<span class="border one"></span>
			</div>
			<div class="time-main w3l-agile">
				<div class="col-md-6 year-info">
					<ul class="year">
						<li>2017-2018</li>
						<li>2016-2017</li>
						<li>2015-2016</li>
						<li>2013-2015</li>
						<li>2003-2013</li>
						<div class="clearfix"></div>
					</ul>
				</div>
				<ul class="col-md-6 timeline">
					<li>
						<div class="timeline-badge info"><i class="glyphicon glyphicon-briefcase"></i></div>
						<div class="timeline-panel">
							<div class="timeline-heading">
								<h4 class="timeline-title">大三</h4>
							</div>
							<div class="timeline-body">
								<p>大三这一年我学会了很多，成长了很多，也成熟了很多 。毕业在即，道声珍重，不忘青春岁月如风，你我曾经相逢。今朝离别，难舍情浓，祝君大鹏展翅长空，潜龙风起云动。千言万语，诉不尽情衷，愿你人生路上圆美梦</p>
							</div>
						</div>
					</li>

					<li>
						<div class="timeline-badge primary"><i class="glyphicon glyphicon-briefcase"></i></div>
						<div class="timeline-panel">
							<div class="timeline-heading">
								<h4 class="timeline-title">大二</h4>
							</div>
							<div class="timeline-body">
								<p>大二这一年我学会了很多，成长了很多，也成熟了很多 。毕业在即，道声珍重，不忘青春岁月如风，你我曾经相逢。今朝离别，难舍情浓，祝君大鹏展翅长空，潜龙风起云动。千言万语，诉不尽情衷，愿你人生路上圆美梦 </p>
							</div>
						</div>
					</li>



					<li>
						<div class="timeline-badge danger"><i class="glyphicon glyphicon-briefcase"></i></div>
						<div class="timeline-panel">
							<div class="timeline-heading">
								<h4 class="timeline-title">大一</h4>
							</div>
							<div class="timeline-body">
								<p>大一这一年我学会了很多，成长了很多，也成熟了很多 。毕业在即，道声珍重，不忘青春岁月如风，你我曾经相逢。今朝离别，难舍情浓，祝君大鹏展翅长空，潜龙风起云动。千言万语，诉不尽情衷，愿你人生路上圆美梦</p>
							</div>
						</div>
					</li>

					<li>
						<div class="timeline-badge success"><i class="glyphicon glyphicon-briefcase"></i></div>
						<div class="timeline-panel">
							<div class="timeline-heading">
								<h4 class="timeline-title">高中三年</h4>
							</div>
							<div class="timeline-body">
								<p>高中大这些年我学会了很多，成长了很多，也成熟了很多 。毕业在即，道声珍重，不忘青春岁月如风，你我曾经相逢。今朝离别，难舍情浓，祝君大鹏展翅长空，潜龙风起云动。千言万语，诉不尽情衷，愿你人生路上圆美梦</p>
							</div>
						</div>
					</li>
					<li>
						<div class="timeline-badge pass"><i class="glyphicon glyphicon-briefcase"></i></div>
						<div class="timeline-panel">
							<div class="timeline-heading">
								<h4 class="timeline-title">小学和初中</h4>
							</div>
							<div class="timeline-body">
								<p>小学和初中这些年年我学会了很多，成长了很多，也成熟了很多 。毕业在即，道声珍重，不忘青春岁月如风，你我曾经相逢。今朝离别，难舍情浓，祝君大鹏展翅长空，潜龙风起云动。千言万语，诉不尽情衷，愿你人生路上圆美梦</p>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>



	<div id="zuopin" class="work">
		<div class="container">
			<div class="service-head text-center">
				<h4>Exhibition of works</h4>
				<h3>作品 <span>展示</span></h3>
				<span class="border one"></span>
			</div>
		</div>
		<div class="zuo-1">
			<img src="images/x.png" alt="">
			<a href="作业/day02/01homework.html"><div class="zuo-2"><a href="作业/day02/01homework.html">壹</a></div>
				<div class="zuo-3"><a href="作业/day02/02homework.html">贰</a> </div>
				<div class="zuo-4"><a href="作业/day02-1/01homework.html"> 叁</a></div>
				<div class="zuo-5"><a href="作业/day02-2/homework-table.html">肆</a></div>
				<div class="zuo-6"><a href="作业/day03/homework.html">伍</a></div>
				<div class="zuo-7"><a href="作业/day04/homework.html">陆</a></div>
				<div class="zuo-8"><a href="小米商城/index.html">柒</a></div>
				<div class="zuo-9"><a href="木兮地板/index.html">捌</a></a></div>
			<div class="zuo-10"><a href="作业/day04 - 副本/homework.html">玖</a></a></div>
			<div class="zuo-11"><a href="小米商城/index.html">拾</a></a></div>

		</div>
	</div>




	<div class="portfolio" id="port">
		<div class="service-head text-center">
			<h4>Personal hobby</h4>
			<h3>兴趣 <span>爱好</span></h3>
			<span class="border"></span>
		</div>
		<div class="portfolio-grids">
			<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
			<script type="text/javascript">
				$(document).ready(function () {
					$('#horizontalTab').easyResponsiveTabs({
						type: 'default',
						width: '100%',
						fit: true
					});
				});

			</script>
			<div class="sap_tabs">
				<div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
					<ul class="resp-tabs-list">
						<li class="resp-tab-item" aria-controls="tab_item-0" role="tab"><span>全部</span></li>
						<li class="resp-tab-item" aria-controls="tab_item-1" role="tab"><span>音乐</span></li>
						<li class="resp-tab-item" aria-controls="tab_item-2" role="tab"><span>篮球</span></li>
						<li class="resp-tab-item" aria-controls="tab_item-3" role="tab"><span>旅行</span></li>
					</ul>
					<div class="resp-tabs-container">
						<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-0">
				<div class="conter-grid">
					<div class="team-gd ">

						<a href="#portfolioModal2" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal"><img src="images/zhoujielun-004.jpg"
							 alt="">

						</a>

					</div>
					<div class="team-gd ">

						<a href="#portfolioModal4" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal"><img src="images/zhoujielun-003.jpg"
							 alt="">

						</a>

					</div>
					<div class="team-gd ">

						<a href="#portfolioModal8" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal"><img src="images/kebi-004.jpg"
							 alt="">

						</a>

					</div>
					<div class="team-gd ">

						<a href="#portfolioModal6" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal"><img src="images/kebi-002.jpg"
							 alt="">

						</a>

					</div>
					<div class="team-gd yes_marg ">

						<a href="#portfolioModal1" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal"><img src="images/xuezhiqian-004.jpg"
							 alt="">

						</a>

					</div>
					<div class="team-gd yes_marg ">

						<a href="#portfolioModal3" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal"><img src="images/xuezhiqian-003.jpg"
							 alt="">

						</a>

					</div>
					<div class="team-gd yes_marg ">

						<a href="#portfolioModal9" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal"><img src="images/fengjing-001.jpg"
							 alt="">

						</a>

					</div>
					<div class="team-gd yes_marg ">

						<a href="#portfolioModal10" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal"><img src="images/fengjing-002.jpg"
							 alt="">

						</a>

					</div>
				</div>
							
						</div>


						<!-- 分类 -->
						<!-- 音乐 -->
						<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-1">
							<div class="col-md-3 col-sm-6 col-xs-12 team-gd ">
								<div class="thumb">
									<a href="#portfolioModal1" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal"><img src="images/xuezhiqian-004.jpg"
										 alt="">

									</a>
								</div>
							</div>
							<div class="col-md-3 col-sm-6 col-xs-12 team-gd  ">
								<div class="thumb">
									<a href="#portfolioModal2" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal"><img src="images/zhoujielun-004.jpg"
										 alt="">

									</a>
								</div>
							</div>
							<div class="col-md-3 col-sm-6 col-xs-12 team-gd ">

								<a href="#portfolioModal3" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal"><img src="images/xuezhiqian-003.jpg"
									 alt="">

								</a>

							</div>
							<div class="col-md-3 col-sm-6 col-xs-12 team-gd ">

								<a href="#portfolioModal4" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal"><img src="images/zhoujielun-003.jpg"
									 alt="">

								</a>

							</div>
							<div class="clearfix"></div>
						</div>

						<!-- 篮球 -->


						<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-2">
							<div class="col-md-3 col-sm-6 col-xs-12  team-gd ">

								<a href="#portfolioModal5" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal"><img src="images/kebi-001.jpg"
									 alt="">

								</a>

							</div>
							<div class="col-md-3 col-sm-6 col-xs-12  team-gd ">

								<a href="#portfolioModal6" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal"><img src="images/kebi-002.jpg"
									 alt="">

								</a>

							</div>
							<div class="col-md-3 col-sm-6 col-xs-12  team-gd">

								<a href="#portfolioModal7" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal"><img src="images/kebi-003.jpg"
									 alt="">

								</a>

							</div>
							<div class="col-md-3 col-sm-6 col-xs-12  team-gd">

								<a href="#portfolioModal8" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal"><img src="images/kebi-004.jpg"
									 alt="">

								</a>

							</div>
							<div class="clearfix"></div>
						</div>

						<!-- 旅行 -->
						<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-3">
							<div class="col-md-3 col-sm-6 col-xs-12  team-gd ">

								<a href="#portfolioModal9" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal"><img src="images/fengjing-001.jpg"
									 alt="">

								</a>

							</div>
							<div class="col-md-3 col-sm-6 col-xs-12  team-gd">

								<a href="#portfolioModal10" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal"><img src="images/fengjing-002.jpg"
									 alt="">

								</a>

							</div>
							<div class="col-md-3  col-sm-6 col-xs-12 team-gd ">

								<a href="#portfolioModal11" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal"><img src="images/fengjing-003.jpg"
									 alt="">

								</a>

							</div>
							<div class="col-md-3 col-sm-6 col-xs-12  team-gd ">

								<a href="#portfolioModal12" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal"><img src="images/fengjing-004.jpg"
									 alt="">

								</a>

							</div>
							<div class="clearfix"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>



	<div class="portfolio-modal modal fade slideanim" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-content port-modal">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2 text-center">
						<div class="modal-body">
							<h3>薛之谦</h3>
							<img src="images/xuezhiqian-004.jpg" class="img-responsive img-centered" alt="">

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="portfolio-modal modal fade slideanim" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-content port-modal">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2 text-center">
						<div class="modal-body">
							<h3>周杰伦</h3>
							<img src="images/zhoujielun-004.jpg" class="img-responsive img-centered" alt="">

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="portfolio-modal modal fade slideanim" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-content port-modal">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2 text-center">
						<div class="modal-body">
							<h3>薛之谦</h3>
							<img src="images/xuezhiqian-003.jpg" class="img-responsive img-centered" alt="">

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="portfolio-modal modal fade slideanim" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-content port-modal">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2 text-center">
						<div class="modal-body">
							<h3>周杰伦</h3>
							<img src="images/zhoujielun-003.jpg" class="img-responsive img-centered" alt="">

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="portfolio-modal modal fade slideanim" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-content port-modal">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2 text-center">
						<div class="modal-body">
							<h3>科比</h3>
							<img src="images/kebi-001.jpg" class="img-responsive img-centered" alt="">

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="portfolio-modal modal fade slideanim" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-content port-modal">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2 text-center">
						<div class="modal-body">
							<h3>科比</h3>
							<img src="images/kebi-002.jpg" class="img-responsive img-centered" alt="">

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="portfolio-modal modal fade slideanim" id="portfolioModal7" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-content port-modal">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2 text-center">
						<div class="modal-body">
							<h3>科比</h3>
							<img src="images/kebi-003.jpg" class="img-responsive img-centered" alt="">

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="portfolio-modal modal fade slideanim" id="portfolioModal8" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-content port-modal">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2 text-center">
						<div class="modal-body">
							<h3>科比</h3>
							<img src="images/kebi-004.jpg" class="img-responsive img-centered" alt="">

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="portfolio-modal modal fade slideanim" id="portfolioModal9" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-content port-modal">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2 text-center">
						<div class="modal-body">
							<h3>风景图</h3>
							<img src="images/fengjing-001.jpg" class="img-responsive img-centered" alt="">

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="portfolio-modal modal fade slideanim" id="portfolioModal10" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-content port-modal">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2 text-center">
						<div class="modal-body">
							<h3>风景图</h3>
							<img src="images/fengjing-002.jpg" class="img-responsive img-centered" alt="">

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="portfolio-modal modal fade slideanim" id="portfolioModal11" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-content port-modal">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2 text-center">
						<div class="modal-body">
							<h3>风景图</h3>
							<img src="images/fengjing-003.jpg" class="img-responsive img-centered" alt="">

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="portfolio-modal modal fade slideanim" id="portfolioModal12" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-content port-modal">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2 text-center">
						<div class="modal-body">
							<img src="images/fengjing-004.jpg" class="img-responsive img-centered" alt="">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<a href="#home" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>




	<div class="footer" id="contact">
		<div class="container">
			<div class="service-head one text-center">
				<h4>CONTACT ME</h4>
				<h3>联系<span>方式</span></h3>
				<span class="border two"></span>
			</div>
			<div class="mail_us">
				<div class="col-md-6 mail_left">
					<div class="contact-grid1-left">
						<div class="contact-grid1-left1">
							<span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
							<h4>电子 邮箱</h4>
							<ul>
								<li>Mail1: <a href="1278556292@qq.com">1278556292@qq.com</a></li>
								<li>Mail2: <a href="1302626943@qq.com">1302626943@qq.com</a></li>
							</ul>
						</div>
					</div>
					<div class="contact-grid1-left">
						<div class="contact-grid1-left1">
							<span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>
							<h4>电话 号码</h4>
							<ul>
								<li>Phone1：151 7244 8796</li>
								<li>Phone2：150 7123 4953</li>
							</ul>
						</div>
					</div>
					<div class="contact-grid1-left">
						<div class="contact-grid1-left1">
							<span class="glyphicon glyphicon-home" aria-hidden="true"></span>
							<h4>通信 地址</h4>
							<ul>
								<li>湖北省，武汉市</li>
								<li>湖北大学知行学院</li>
							</ul>
						</div>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="col-md-6 mail_right">
					<form action="#" method="post">
						<input type="text" name="Name" value="姓 名" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '姓 名';}">
						<input type="email" name="Email" value="邮 箱" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '邮 箱';}"
						 required="">
						<input type="text" name="Mobile number" value="电话号码" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '电话号码';}"
						 required="">
						<textarea name="Message..." onfocus="this.value = '';" onblur="if(this.value == '') {this.value = '内 容...';}" required>内 容...</textarea>
						<input type="submit" value="提 交">

					</form>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="copy_right text-center">
				<p>湖北大学知行学院</p>
				<ul class="social-icons two">
					<li><a href="#"> </a></li>
					<li><a href="#" class="fb"> </a></li>
					<li><a href="#" class="in"> </a></li>
					<li><a href="#" class="dott"> </a></li>
				</ul>
			</div>
		</div>
	</div>


	<script src="js/bootstrap.js"></script>

</body>

</html>